<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/screen.css" type="text/css"
	media="screen" title="css" charset="utf-8" />
	<script type="text/javascript" src="cinemapantin.js">
</script>
<title>Projet Cinepantin</title>
</head>  
<body>

<div id="content">
  <p id="top">S'inscrire</p>
      <div class="line"></div>
		 <div id="body">

			<div id="contenu">

				<form class="formulaire" action="Inscription" method="post"
					accept-charset="utf-8">
					<h4>Formulaire d'Inscription </h4>
					
					<fieldset id="connexion" class="">
						<c:if test="${not empty erreurs}">
							<c:forEach var="erreur" items="${erreurs}">
			<span class="error">${erreur}</span><br /><br />
							</c:forEach>
						</c:if>
						<h5>Renseigner les informations </h5>
						<table class="borderless">
						<tr>
	                      <td> <input type="text" value="${client.id}" name="idClient" style="display:none"/></td>
						
						<tr>
								<td><label for="email">Email</label></td>
								<td><input type="text" name="email" onblur="validerEmail(email)" value="${email}" /></td>
							</tr>
							<tr>
								<td><label for="password">Password</label></td>
								<td><input type="password" name="password" onblur="CheckPassword(password)" value="${password}" id="password" /></td>
							</tr>
							<tr>
							
							<td><label>Civilité :</label> <select name="civilite">
									<c:forEach items="${civiliteSession}" var="civiliteLigne">
										<option value="${civiliteLigne}"
											${param.civilite==civilite ? ' selected="selected" ' : '' }>${civiliteLigne}</option>
									</c:forEach>
								</select>
								</td>
							</tr>
							<tr>
								<td><label for="nom">Nom</label></td>
								<td><input type="text" name="nom" value="${nom}" /></td>
							</tr>
							<tr>
								<td><label for="prenom">Prenom</label></td>
								<td><input type="text" name="prenom"
									value="${prenom}" /></td>
							</tr>
							<tr>
								<td><label for="portable">Portable</label></td>
								<td><input type="text" name="portable"
									value="${portable}" /></td>
							</tr>
							<tr>
							<td><label for="adrFacturationTrue">Adresse Facturation :
							</label></td>
							<td><label for="adrFacturationTrue">Oui : </label> 
							<input type="radio" name="adrFacturation" id="adrFacturationTrue"
								value="true" ${empty adrFacturation || adrFacturation eq 'true' ? 'checked="checked"' : '' } />
								<label for="adrFacturationFalse">Non : </label> <input
								type="radio" name="adrFacturation" id="adrFacturationFalse"
								value="false"
								${adrFacturation eq 'false' ? 'checked="checked"' : '' } /> <span
								class="error">${erreurInscription.get("erreurAdrFacturation")}</span>
							</td>
							</tr>

							<tr>
								<td><label>Adresse :</label> <select name="adresse">
									<c:forEach items="${adresseSession}" var="adresseLigne">
										<option value="${adresseLigne}"
											${param.adresse==adresse ? ' selected="selected" ' : '' }>${adresseLigne}</option>
									</c:forEach>
								</select>
								</td>
							</tr>

							<tr>
								<td><label for="ligneAdresse1">Ligne Adresse 1</label></td>
								<td><input type="text" name="ligneAdresse1" value="${adressePostals.ligneAdresse1}" /></td>
							</tr>
							<tr>
								<td><label for="ligneAdresse2">Ligne Adresse 2</label></td>
								<td><input type="text" name="ligneAdresse2" value="${adressePostals.ligneAdresse2}" /></td>
							</tr>
							<tr>
								<td><label for="codePostal">Code Postal</label></td>
								<td><input type="text" name="codePostal" value="${codePostal}" /></td>
							</tr>
							<tr>
								<td><label for="ville">Ville</label></td>
								<td><input type="text" name="ville" value="${ville}" /></td>
							</tr>
							<tr>
								<td><label for="numAppartement">Numéro Appartement</label></td>
								<td><input type="text" name="numAppartement" value="${numAppartement}" /></td>
							</tr>
							
								<tr>
								<td><label for="etage">Etage</label></td>
								<td><input type="text" name="etage" value="${etage}" /></td>
							</tr>
							
								<tr>
								<td><label for="numTelFixe">Téléphone Fix</label></td>
								<td><input type="text" name="numTelFixe" value="${numTelFixe}" /></td>
							</tr>					 
                              <tr>
							<td><label for="adrLivraisonTrue">   Adresse Livraison :
							</label></td></br>
							<td><label for="adrLivraisonTrue"> Mon Adresse de Facturation est identique à mon adresse de livraison</label> <input
								type="radio" name="adrLivraisonTrue" id="adrLivraisonTrue"
								value="true"
								${empty adrLivraison || adrLivraison eq 'true' ? 'checked="checked"' : '' } /></br></br>

								<label for="adrLivraisonFalse"> Utiliser une adresse de livraison différente de celle de facturation </label> <input
								type="radio" name="adrLivraison" id="adrLivraisonFalse"
								value="false"
								${adrLivraison eq 'false' ? 'checked="checked"' : '' } /> <span
								class="error">${erreurInscription.get("erreurAdrLivraison")}</span>
							</td>
							</tr>

						</table>
					</fieldset>

					<br /> 
					<input type="submit" value="envoyer" class="btn btnSuivant" />
				    </form>	
				    </div>
		</div>
		<jsp:include page="template/footer.jsp" />
	</div>		
	
</body>
</html>
